html, body{
    width: 100vw;
    height: 100vh;
}
#app{
    width: 100%;
    height: 100%;
    position: relative;
    .step{
        width: 100%;
        color: #404040;
        .el-step__icon{
            display: none;
        }
        .iconfont{
            font-size: 20px;
            color: #36b3df;
        }
        .text{
            
        }
    }

    .form{
        width: 50%;
        position: relative;
        top: 50%;
        left: 55%;
        transform: translateX(-50%) translateY(-50%);
        .name{
            width: 120px;
            font-size: 20px;
            .el-form-item__label{
                font-size: large;
            }
            
        }
        .el-form-item__content{
            margin-left: 150px !important;
            display: flex;
            .getcode{
                width: 200px;
            }
        }
        .el-input__inner{
            width: 500px;
            height: 50px;
        }
        .el-input__suffix{
            display: none;
        }
       
    }
    .el-alert--warning.is-light {
        background-color: rgb(240, 248, 253);
        color: rgb(54, 179, 223);
    }
    .accomplish{
        display: inline-block;
        position: relative;
        top: 50%;
        left: 50%;
        transform:translateY(-50%) translateX(-50%);
        .nav{
            width: 100%;
            height: 100px;
            display: flex;
            align-items: center;
            span{
                display: inline-block;
                font-size: 35px;
                color: rgb(0, 168, 84);
            }
            .text{
                width: 500px;
                margin-left: 50px;
                display: flex;
                flex-direction: column;
            }
        }
    }

}
.verificate{
    width: 300px !important;
    height: 50px;
    .el-input__inner{
        width: 300px !important;
        height: 50px;
    }
}